{extend name='layout/main' /}

{block name='css'}
<link rel="stylesheet" href="/web/css/all.min.css"/>
{/block}

{block name='seo'}
<title>{$site.title}_{$site.name}</title>
<meta name="Keywords" content="{$site.keyword}"/>
<meta name="Description" content="{$site.desc}"/>
{/block}

{block name='main'}

<div class="top-banner"></div>

<div class="page_content bgimg1">
    <!-- 面包屑 -->
    <div class="breadcrumb_wrap mobile_hide">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <ol class="breadcrumb" id="bread_menu">
                        <li>
                            <a href="/" target="_self">首页</a>
                            <i class="sseicon-slide-icon-right"></i>
                        </li>
                        <li>
                            <a href="{:url('/list/'.$cate.current.pid)}" target="_self">{$cate.current.name}</a>
                            <i class="sseicon-slide-icon-right"></i></li>
                        <li><a href="{:url('/read/'.$article.id)}" target="_self">{$article.title}</a></li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <!-- 面包屑 end -->

    <div class="container">
        <div class="row">
            <div class="col-sm-8">
                <div class="con_block">
                    <!-- 内容页 -->
                    <div class="article-infor">
                        <h2>{$article.title}</h2>
                        <div class="article_opt">
        	<span>
           	<a href="##" class="mobile_hide sseicon-icon_share"></a>
               <div class="share_slide">
                  <i class="arr-top"></i>
                  <a href="##" class="weiboico"></a>
                   <a href="##" class="wechatico"></a>
                   <a href="##" class="tencentico"></a>
               </div>
                <a href="javascript:window.print();" class="mobile_hide sseicon-icon_print"></a>
                <a href="##" class="zoom sseicon-icon_fontSizeUp" data-type="zoom_in"></a>
                <a href="##" class="zoom sseicon-icon_fontSizeDown" data-type="zoom_out"></a>
            </span>

                            <i> {$article.created_time}</i>
                        </div>
                        <div class="allZoom">
                            {if $article.thumb}
                            <div style="text-align: center;margin-bottom: 15px">
                                <img src="{$article.thumb}" alt="">
                            </div>
                            {/if}
                            {$article.body}
                        </div>
                    </div>
                    <!-- 内容页 end-->
                </div>
            </div>
            <div class="col-sm-4">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="con_block">

                            <div class="sse_common_wrap_cn js_outline">
                                <div class="sse_title_common">
                                    <h2>相关文章</h2>
                                </div>
                                <div class="sse_list_1">
                                    <dl>
                                        {foreach name="articleSimilar" item="it"}
                                        <dd>
                                            <span>{$it.created_time|dateFormat='Y-m-d'}</span>
                                            <a href="{:url('/read/'.$it.id)}" target="_blank">{$it.title}</a>
                                        </dd>
                                        {/foreach}
                                    </dl>
                                </div>

                            </div>


                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{/block}


{block name='javascript'}
<script src="/web/js/lib/swiper.min.js"></script>
<script src="/web/js/index.js"></script>
{/block}

